
.w{
   width: 1240px;
   margin: 0px auto;
}
.spirit{
  background: url(../images/sprites.png) no-repeat;
  background-size: 400px auto;
}
.shortcut,
.shortcut .w{
  height: 50px;
  background-color: #333;
}
.shortcut-right{
  height: 50px;
  /* background-color: rgb(129, 206, 206); */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.shortcut-right a{
  color: #fff;
  display: flex;
  align-items: center;
}
.shortcut-right span{
  margin: 0 8px;
  color: #707070;
}
.icon-phone{
  width: 12px;
  height: 16px;
  background-position: -159px -70px;
  display: inline-block;
  margin-right: 4px;
}
.shortcut-right a:hover{
  color: rgb(15, 167, 103);
}

/* 公共头部 */
.header{
  height: 132px;
  display: flex;
  align-items: center;
}
/* .logo{
  width: 250px;
  height: 132px;
  background: url(../images/logo.png) no-repeat center;
  background-color: beige;
  background-size: 144px auto;
} */
.logo{
  width: 250px;
  height: 132px;
  display: block;
  background:url(../images/logo.0940ebb5.png) no-repeat center; 
}
.nav{
     flex: 1;
     display: flex;
     justify-content: space-evenly;
     /* background-color: rgb(223, 226, 219); */
}
.nav a{
  padding: 5px 0px;
  border-bottom: 1px solid transparent;
}
.nav a:hover{
  border-bottom: 1px solid rgb(15, 167, 103);
}

.search{
  width: 172px;
  position: relative;
  display: flex;
  align-items: center;
}
input{
   height: 35px;
   width: 100%;
   padding-left: 31px;
   border-bottom:  1px solid rgb(160, 158, 158);
}
.search .icon-search{
  position: absolute;
  left: 2px;
    /* z-index: 3; */
    width: 18px;
    height: 18px;
    background-position: -80px -69px;
    display: inline-block;
}
.shopcar{
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.icon-shopcar{
  width: 23px;
  height: 23px;
  display: inline-block;
  background-position: -120px -70px;
}
.shopcar em{
  position: absolute;
  border-radius: 5px;
  top: -3px;
  left: 28px;
  width: 15px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  color: #fff;
  font-size: 1px;
  background-color:  #e26237;
}

/* 公共的底部客户服务 */
.service{
  height: 290px;
  display: flex;
  /* background-color: yellowgreen; */
}
.service .service-item:nth-child(1){
  border-left: 0px;
}
.service-item{
  flex: 1;
  /* background-color: wheat; */
  margin: 60px 0 40px 0px;
  border-left: 1px solid #999;
}
.service-item h3{
  text-align: center;
  font-weight: normal;
  padding-top: 8px;
  height: 60px;
}
.service-body{
  display: flex;
  justify-content: center;
}
.service-icon{
  width: 90px;
   height: 90px;
  border: 1px solid #999;
  margin: 0 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.icon-xinxi1{
  margin-bottom: 5px;
  width: 30px;
  height: 29px;
  background-position: -250px -70px;
}.service-icon:hover .icon-xinxi1{
  background-position: -205px -70px;
}
.icon-xinxi2{
  margin-bottom: 5px;
  width: 30px;
  height: 29px;        
  background-position: -350px -70px;
}.service-icon:hover .icon-xinxi2{
  background-position: -301px -70px;
}
.icon-xinxi3{
  margin-bottom: 5px;
  width: 36px;
  height: 28px;        
  background-position: -250px -15px;
}.service-icon:hover .icon-xinxi3{
  background-position: -204px -15px;
}
.icon-xinxi4{
  margin-bottom: 5px;
  width: 36px;
  height: 29px;        
  background-position: -349px -14px;
}.service-icon:hover .icon-xinxi4{
  background-position: -300px -14px;
}
.icon-xinxi5{
  width: 70px;
  height: 70px;
}
.icon-xinxi5 img{
  width: 70px;
  height: 70px;
}
.service-icon2{
  width: 90px;
   height: 90px;
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}
.service-icon2 p{ 
  font-size: 14px;
  padding: 1px 0px;
}
.service-icon2 button{
  margin-top: 5px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  background-color: #5eb69c;
}
.service-body2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
.service-body2 h2{
  color: #333;
}

/* 底部版心 */
.copyright{
  height: 342px;
  background-color: #333;
}
.copyright-head{
  height: 176px;
  display: flex;
  border-bottom: 1px solid rgb(158, 158, 158);
}
.copyright-head-item{
  flex: 1;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;

}
.copyright-head-item span{
  margin-left: 5px;
}
.copyright-head-item .spirit{
  display: inline-block;
  width: 60px;
  height: 60px;

}
.icon-jiage{
  background-position: 0 0;
}
.icon-wuliu{
  background-position: -130px 0;
}
.icon-pinzhi{
  background-position: -64px 0;
}

.copyright-body{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 40px 0 13px;
  flex-wrap: wrap;
}
.copyright-body-top span{
  padding: 0 5px;
}
.copyright-body-zuihou{
  padding-top: 13px;
}
  